body{
  /* background-color: #f5f5f5; */
  background-position: center top;
  color:#666;
}
.mt-10{
  margin-top:10px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-10{
  margin-bottom:10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.ml-10{
  margin-left:10px;
}
.ml-20 {
  margin-left: 20px;
}
.mr-10{
  margin-right:10px;
}
.mr-20 {
  margin-right: 20px;
}
.main{
  max-width: 820px;
  margin:0px auto 10px;
  background: #fff;
}
.main-wrapper{
  padding: 30px 40px 70px;
  position: relative;
}
.progress-bar{
  display: none;
  position: absolute;
  right: -60px;
  top: 200px;
  width: 60px;
  height: 170px;
  background-color: #fff;
  box-shadow: none;
}
.progress-text{
  color:#666;
  line-height: 30px;
  height: 30px;
  text-align: center;
  font-size:18px;
}
.progress-bar{
  display: none;
  position: absolute;
  right: 5px;
  top: 200px;
  width: 60px;
  height: 170px;
  background-color: #fff;
  border: 1px solid #d6ebf7;
  border-radius: 6px;
  box-shadow: none;
}
.progress-text{
  color:#666;
  line-height: 30px;
  height: 30px;
  text-align: center;
  font-size:16px;
}
.bar-bg{
  width: 20px;
  height: 120px;
  margin:0 auto;
  border: 1px #d6ebf7 solid;
  background-color: #f0f2ee;
}
.bar{
  height: 20%;
  width: 100%;
  background-color: #53a4f4;
}
h4{
  color:#4C4C4C;
}
.p-info{
  font-size: 16px;
}
.line {
  border-bottom: 3px solid #53a4f4 ;
}
.form{
  margin-top:30px;
}
.box{
  position: relative;
  border:1px solid #ccc;
}
.icon{
  position: absolute;
  right: -8px;
  top: -8px;
  font-size: 16px;
  color:#666;
  background: #fff;
}
.icon:hover {
  color: #53a4f4;
}
.more {
  text-align: center;
  display: inline-block;
  width: 100%;
  border-top: 3px solid #53a4f4;
}
.more i{
  padding: 5px 10px;
  background: #53a4f4;
  color:#fff;
  margin-top:-2px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.question_box .form-group {
  margin-top:30px;
  margin-bottom: 0px;
  position: relative;
}
.question_box .form-group:first-child {
  margin-top:10px;
}
.question_box .title {
  font-size: 16px;
  font-weight: normal;
  margin-left:10px;
  margin-bottom:10px;
  color:#666;
}
.question_box  .trade-name {
  margin-left: 25px;
  width: 50%;
}
.question_box .trade-name-error {
  color: #cc0000;
  width: 40%;
  display: inline-block;
}
.question_box .title::after{
  content:'*';
  display: inline-block;
  margin-left:5px;
  color:#ff6d56;
}
.radio-box {
  margin-bottom: 10px;
  margin-left: 25px;
  font-size: 14px;
  font-family: "microsoft yahei";
}
.info-group{
  margin-bottom: 10px;
  margin-left: 25px;
}
.info-group .form-control {
  width: 60%;
}
.info-group label{
  font-size: 16px;
  font-weight: normal;
}
.info-group label.error {
  color: #cc0000;
}
.radio-error{
  color: #cc0000;
  /* display: block; */
  /* position: absolute; */
  /* left: 100px; */
  /* top: 30px; */
}
input[type=checkbox],
input[type=radio]{
  width:16px;
  height:16px;
  margin-top:0px;
  vertical-align: middle;
}
.radio-box span{
  vertical-align: middle;
}
